$(function() {
    // 渲染数据
    var address = window.location.href
    var search = address.substr(address.indexOf('=') + 1)
    $.ajax({
            url: '/product/queryProductDetail',
            data: {
                id: search
            },
            success: function(res) {
                $('.goodsImg').attr('src', res.pic[0].picAddr)
                $('.detailTitle').html(res.proName)
                $('.priceNew').html('￥' + res.price)
                $('.priceOld').html('￥' + res.oldPrice)
                $('.detailNum i').html(res.num)
                var arr = res.size.split('-')
                var newArr = []
                    //根据获取到的尺寸渲染对应数量的尺寸选项
                for (var i = arr[0]; i <= arr[1]; i++) {
                    newArr.push(i * 1)
                }
                res.size = newArr
                var html = template('tmp', res)
                $('.detailSize').html(html)
            }
        })
        // 点击尺码添加高亮
    var index = null;
    $('.detailSize').on('tap', 'span', function() {
            index = $(this).html()
            $(this).addClass('active').siblings().removeClass('active')

        })
        // 按钮加减功能
    $('.reduce').on('tap', function() {
        var txt = $('.num').val().trim() * 1
        txt--
        if (txt <= 0) {
            mui.toast('不能再减了~');
            $('.num').val(1)
        } else {
            $('.num').val(txt)
        }
    })

    $('.add').on('tap', function() {
            var txt = $('.num').val().trim() * 1
            var num = $('.detailNum i').html() * 1
            txt++
            if (txt >= num) {
                mui.toast('不够货啦~');
                $('.num').val(num)
            } else {
                $('.num').val(txt)
            }
        })
        // 输入框输入商品数量功能
    $('.num').on('blur', function() {
            var txt = $('.num').val().trim() * 1
            var num = $('.detailNum i').html() * 1
            if (txt.length <= 0 || txt == '') {
                mui.toast('最小只能为一哦~');
                $(this).val(1)
            }
            if (txt >= num) {
                mui.toast('不够货啦~');
                $('.num').val(txt)
            }
        })
        // 添加购物车功能
    $('.addGoods').on('tap', function() {
        if (index == null) {
            mui.toast('请选择尺码');
            return
        }
        $.ajax({
            url: '/cart/addCart',
            type: 'post',
            data: {
                productId: search,
                num: $('.num').val().trim(),
                size: index,
            },
            success: function(res) {
                if (res.success === true) {
                    mui.toast('已添加到购物车~');
                }
            }
        })
    })
})